<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
	</head>
	<body>
		<div class="head">
		<div class="line1">
			<span class="log"> 
			<img src="img/logo/yinLogo.png" >
			</span>
				<ul>
					<li><a href="#">官方微博</a></li>
					<li><a href="#">关于微信</a></li>
					<li><a href="reading.html"  target="_top" >购物须知</a></li>
				</ul>
		</div>
		<div class="line2">
			<span class="log">
				<img src="img/logo/shop-logo-v1.png" >
			</span>
			<div>
			<input type="text" class="search" ></input>
			<span class="btn"></span>	
			</div>
			<ul>
				<li>
					<img class="login" src="./img/icon/avatar.png"> 
					<a href="login.html" target="_top">登录</a>
				</li>
				<li><a href="">我的订单</a></li>
				<li>
					<img class="cart" src="img/icon/cart-logo-v1.png">
					<a href="buy.html" >购物车</a>
				</li>
			</ul>
		</div>
		<hr >
		<div class="line3">
			<span class="title"><a  href="#">艺人分类</a></span>
			<ul>
				<li><a href="index.html" class="active" target="_top" data-idx="0" >首页</a></li>
				<li><a href="list.html"  target="_top" data-idx="1">专辑</a></li>
				<li><a href="index.html" target="_top">明星周边</a></li>
				<li><a href="index.html" target="_top">明星同款</a></li>
				<li><a href="index.html" target="_top">个护美妆</a></li>
				<li><a href="index.html" target="_top">影漫周边</a></li>
				<li><a href="index.html" target="_top">食品</a></li>
				<li><a href="index.html" target="_top">服装配饰</a></li>
			</ul>
		</div>	
		</div>
		<script type="text/javascript">
			window.onload=function(){
						var gu=sessionStorage.getItem("gu");
						if(gu){
							
						}else{
							gu=0;
							};
						 
						var al = document.querySelectorAll(".line3 ul li a");
						for (var i = 0; i < al.length; i++) {
							
							al[i].className="";
							al[i].onclick = function(){
								var idx =this.attributes["data-idx"].value;
								sessionStorage.setItem("gu",idx);
							}
						}
						al[gu].className = "active";
					}
		</script>
	</body>
</html>
